/* 标签选项卡样式 */
.tabs {
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
}

/* 选项卡样式 */
.tab {
    cursor: pointer;
    padding: 10px 15px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    transition: color 0.3s ease;
}

/* 鼠标悬停时选项卡样式 */
.tab:hover {
    color: #5bc0de;
}

/* 内容区域样式 */
.content {
    background-color: #f5f5f5;
    padding: 20px;
}

/* 卡片共用样式 */
.card {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 20px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* 歌手卡片容器样式 */
.card.link {
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #f5f5f5;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}
.card.link:hover{
    background-color: #e9e9e9;
    color: #fff;
}


/* 歌手图片样式 */
.singer-image {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

/* 歌手信息容器样式 */
.card-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
}

/* 歌手名称样式 */
.singer-name {
    font-size: 18px;
    font-weight: bold;
    margin-top: 10px;
}

/* 歌手描述样式 */
.singer-description {
    font-size: 14px;
    color: #777;
    text-align: center;
    margin-top: 5px;
}

/* 歌手粉丝数量样式 */
.fans-count {
    font-size: 12px;
    color: #777;
    margin-top: 5px;
}

/* 歌手歌曲和专辑数量容器样式 */
.singer-info > div {
    display: inline-block;
    font-size: 12px;
    color: #777;
    margin-top: 5px;
    white-space: nowrap;
}

/* 歌手歌曲和专辑数量样式 */
.singer-info > div:not(:first-child) {
    margin-left: 10px;
}


/* 单曲搜索结果链接样式 */
.single-song-link {
    display: block;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 20px;
    text-decoration: none;
    color: #333;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* 鼠标悬停时单曲链接样式 */
.single-song-link:hover {
    background-color: #5bc0de;
    color: #fff;
}

/* 单曲信息容器样式 */
.song-info-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
}
/* 单曲信息容器样式 */
.song-info-container a{
    color: #408a99;
}

/* 单曲信息样式 */
.song-info {
    flex: 1;
    margin-right: 10px;
}

.song-info i:hover{
    background-color: #d0e9c6;
}

/* 分页样式 */
.box-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}

/* 分页下拉框样式 */
.form-control {
    width: 60px;
    height: 30px;
    font-size: 14px;
    border-radius: 5px;
}

/* 分页链接样式 */
.pagination {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* 分页列表项样式 */
.pagination li {
    display: inline-block;
    margin-right: 5px;
}

/* 分页链接样式 */
.pagination a {
    padding: 5px 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    text-decoration: none;
    color: #333;
}

/* 鼠标悬停时分页链接样式 */
.pagination a:hover {
    background-color: #5bc0de;
    color: #fff;
    cursor: pointer;
}

/* 自定义样式单曲 */
.custom-span {
    display: inline-block;
    padding: 5px 10px;
    background-color: #e2cac2;
    color: #8e0e0e;
    border-radius: 4px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 10px;
}

/* 歌单卡片容器样式 */
.playlist-cards {
    display: flex;
    flex-wrap: wrap; /* 允许歌单卡片自动换行 */
    justify-content: space-between; /* 在每行之间平均分配空间 */
}

/* 歌单卡片链接样式 */
.playlist-card-link {
    text-decoration: none;
    color: inherit;
    flex: 0 0 calc(20% - 20px); /* 控制每行显示 5 个歌单，带边距 */
    margin-bottom: 20px;
    padding: 10px;
    box-sizing: border-box; /* 防止边距影响到元素宽度 */
}
.playlist-card-link:hover{
    background-color: #d0e9c6;
}

/* 歌单卡片容器样式 */
.playlist-card {
    background-color: #f5f5f5;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column; /* 垂直堆叠子元素 */
}

/* 歌单封面样式 */
.playlist-card img {
    width: 100%; /* 填充父容器宽度 */
    height: auto;
    border-radius: 5px 5px 0 0; /* 上边框圆角 */
}

/* 歌单信息容器样式 */
.playlist-info {
    padding: 10px;
    flex: 1;
    display: flex;
    flex-direction: column; /* 垂直堆叠子元素 */
}

/* 歌单名称样式 */
.playlist-name {
    font-size: 18px;
    font-weight: bold;
}

/* 歌单创建者样式 */
.playlist-creator {
    font-size: 14px;
    color: #888;
    display: flex;
    align-items: center;
    margin-top: 5px;
}

/* 歌单创建者头像样式 */
.playlist-creator img {
    max-width: 20px;
    max-height: 20px;
    border-radius: 50%;
    margin-right: 5px;
}

/* 歌单描述样式 */
.playlist-description {
    font-size: 14px;
    color: #888;
    max-width: 220px; /* 描述最大高度，溢出隐藏 */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 5px;


}

/* 鼠标悬停时显示完整描述 */
.playlist-card-link:hover .playlist-description {
    max-width: none;
    overflow: auto;
    white-space: normal;
    text-overflow: initial;
}

/* 歌单歌曲数量样式 */
.playlist-song-count {
    font-size: 14px;
    color: #888;
    margin-top: auto; /* 将歌曲数量推至底部 */
}
